<!--
 * @Author: jhy
 * @Date: 2024-07-21 18:30:47
 * @LastEditTime: 2024-08-25 17:06:30
 * @LastEditors: jhy
 * @Description: 
 * @FilePath: /yiyu/szzjzc/src/views/homepage.vue
-->
<template>
  <div class="home" ref="mianscroll" v-if="show">
    <!-- <div @click="goto">quyemian</div> -->
    <Homepagetop id="top" />
    <Homepagemiddle />
    <Bottom />
    <Lianxius />
    <Companyintroduce />

    <div class="ficclass">
      <img src="../assets/back.png" @click="toTop" />
      <a :href="`${base_url}/mall/view/portal`" target="_blank">
        <img src="../assets/ziyuan.png" />
      </a>
      <img src="../assets/kefu.png" @click="tbottom" />
    </div>
  </div>
</template>

<script>
// import Echart from "@/common/echart";
import Homepagetop from "@/components/homepagetop.vue";
import Homepagemiddle from "@/components/homepagemiddle.vue";
import Bottom from "@/components/bottom.vue";
import Lianxius from "@/components/lianxius.vue";
import Companyintroduce from "@/components/companyintroduce.vue";
export default {
  name: "HomeView",
  components: {
    Homepagetop,
    Homepagemiddle,
    Bottom,
    Lianxius,
    Companyintroduce,
  },
  data() {
    return {
      show: false,
    };
  },
  mounted() {
    setTimeout(() => {
      this.show = true
    }, 200);
  },
  methods: {
    toTop() {
      this.$refs.mianscroll.scrollTop = 0;
    },
    tbottom() {
      this.$refs.mianscroll.scrollTop = this.$refs.mianscroll.scrollHeight;
    },
    goto() {
      // this.$router.push('/indexpage');
    },
  },
};
</script>

<style lang="scss">
.home {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-image: url("../assets/homepage.png");
  background-size: 100% 30%;
  background-repeat: no-repeat;
  position: relative;
  overflow-y: scroll;
  .ficclass {
    width: 2.1rem;
    height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-image: url("../assets/shubaitiao.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 5px;
    bottom: 16%;
    align-items: center;
    height: 7rem;
  }
  .ficclass > a > img {
    width: 1.2rem;
  }
  .ficclass > img {
    width: 1.2rem;
  }
}
</style>
